<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>首页_杨枢个人博客 - 一个技术员个人博客网站</title>
<meta name="keywords" />
<meta name="description" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/base.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link href="css/m.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
<script src="js/scrollReveal.js"></script>
</head>
<body>
<header>
  <div class="logo"><a href="/"><img src="images/logo.png"></a></div>
    <nav id="nav">
    <ul>
      <li><a href="index.html">网站首页</a></li>
      <li><a href="share.html">我的相册</a></li>
      <li><a href="list.html">我的日记</a></li>
      <li><a href="about.html">关于我</a></li>
      <li><a href="gbook.html">留言</a></li>
      <li><a href="info.html">内容页</a></li>
      <li><a href="infopic.html">内容页</a></li>
    </ul>
  </nav>
  <script>
window.onload = function ()
{
var obj=null;
var As=document.getElementById('nav').getElementsByTagName('a');
obj = As[0];
for(i=1;i<As.length;i++){if(window.location.href.indexOf(As[i].href)>=0)
obj=As[i];}
obj.id='selected'
}
</script> 
</header>
<div class="mnav">
    <ul>
      <li><a href="index.html">首页</a></li>
      <li><a href="share.html">相册</a></li>
      <li><a href="list.html">日记</a></li>
      <li><a href="about.html">关于</a></li>
      <li><a href="gbook.html">留言</a></li>
      <li><a href="info.html">内容页</a></li>
      <li><a href="infopic.html">内容页</a></li>
    </ul>
  </div>
<article>
  <div class="picbox">
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/b01.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/t03.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/b04.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/v1.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/mb02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text01.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/v2.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/b06.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
    </ul>
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/zd01.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/b03.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/v1.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/mb02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/t01.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/mb05.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/b05.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
    </ul>
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/b02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/v1.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/mb02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text01.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/b01.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/t03.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/b04.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
    </ul>
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/zd01.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/b03.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/text02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/v1.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/mb02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/t01.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/mb05.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="images/b05.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
    </ul>
  </div>
  <div class="pagelist"><a class="allpage"><b>99</b></a>&nbsp;&nbsp;<a href="#" class="curPage">1</a>&nbsp;&nbsp;<a href="#" onclick="page(2)">2</a>&nbsp;&nbsp;<a href="#" onclick="page(3)">3</a>&nbsp;&nbsp;<a href="#" onclick="page(4)">4</a>&nbsp;&nbsp;<a href="#" onclick="page(5)">5</a>&nbsp;&nbsp;<a href="#" onclick="page(6)">6</a>&nbsp;&nbsp;<a href="#" onclick="page(7)">7</a>&nbsp;&nbsp;<a href="#" onclick="page(8)">8</a>&nbsp;&nbsp;<a href="#" onclick="page(9)">9</a>&nbsp;&nbsp;<a href="#" onclick="page(2)">下一页</a></div>
</article>

<script>
	if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
		(function(){
			window.scrollReveal = new scrollReveal({reset: true});
		})();
	};
</script>
</body>
</html>
